<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.min.js"></script>
    <title>我的</title>
</head>
<body>
<!--头部-->
<div class="am-nav"
     style="width:100%;height: 220px;background-image: url('img/me_top_bg.gif'); background-size:100% 100%;">
    <a href="updatePassword.html" style="float: left;margin: 2%;"><img src="img/set-white.svg" alt=""
                                                                       style="width: 30px;"></a>
    <a style="float: right;margin: 2%;"><img src="img/infor-white.svg" alt="" style="width: 30px;"></a>
    <div style="text-align: center;margin-top: 15%;">
        <a href="meInfo.html" style="color: white;line-height: 0.1em;">
            <img src="img/3.png" alt="" style="width: 80px;">
            <p style="font-size: 24px;" id="userName">name</p>
        </a>
    </div>
</div>

<!--内容-->
<div data-am-widget="tabs" class="am-tabs am-tabs-d2" style="margin:0;background-color: white;">
    <ul class="am-tabs-nav am-cf" style="background-color:white; ">
        <li class="">
            <a href="[data-tab-panel-0]">
                <img src="img/message.svg" alt="" style="width: 30px;">
            </a>
        </li>
        <li class="">
            <a href="[data-tab-panel-1]">
                <img src="img/service.svg" alt="" style="width: 30px;">
            </a>
        </li>
    </ul>

    <div class="am-tabs-bd" style="border: 0;margin: 0;">
        <ul data-tab-panel-0 class="am-tab-panel" id="commentsList">

        </ul>
        <ul data-tab-panel-1 class="am-tab-panel" style="margin: 0;">
            <li>
                【歌唱】那时候有多好，任雨打湿裙角。忍不住哼起，心爱的旋律。绿油油的树叶，自由地在说笑。燕子忙归巢，风铃在舞蹈。经过青春的草地，彩虹忽然升起。即使视线渐渐模糊，它也在我心里。就像爱过的旋律，没人能抹去。因为生命存在失望，歌唱，所以才要歌唱。
            </li>

        </ul>
    </div>
</div>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default">
    <ul class="am-navbar-nav am-cf am-avg-sm-4" style="background-color: rgb(254,103,0)">
        <li>
            <a href="index.html" class="">
                <img src="img/home.svg" alt="首页"/>
                <span class="am-navbar-label">首页</span>
            </a>
        </li>
        <li>
            <a href="community.html" class="">
                <img src="img/community.svg" alt="小社区"/>
                <span class="am-navbar-label">小社区</span>
            </a>
        </li>

        <li>
            <div style="position: fixed;bottom: 2px;left: 40.3%;width: 19.2%;">
                <a href="createCommunity.html">
                    <img src="img/add.jpg"
                         style="width: 60px; height: 60px; border-radius: 50%;box-shadow: darkgrey 0px -2px 10px 2px ;"/>
                </a>
            </div>
        </li>
        <li>
            <a href="order.html" class="">
                <img src="img/order.svg" alt="订单"/>
                <span class="am-navbar-label">订单</span>
            </a>
        </li>
        <li>
            <a href="javascript:0;" class="">
                <img src="img/me-this.svg" alt="我的"/>
                <span class="am-navbar-label" style="color: rgb(169,67,4)">我的</span>
            </a>
        </li>
    </ul>
</div>
<script src="js/jquery.raty.js"></script>
<script src="js/main.js"></script>
<script>
    $(function () {
        getUserInfo();
        getUserComments();
    })

</script>
</body>

</html>